.result-failure-page {
  .result-failure-page-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.5em 0;

    & > * + * {
      display: inline-flex;
      margin: 0.5em 0;
    }

    .result-failure-page-icon {
      font-size: 7.5em;
    }

    .result-failure-page-title {
      font-size: 2em;
      font-weight: 600;
      color: plv(text-1);
    }

    .result-failure-page-message {
      text-align: center;
      color: plv(text-2);
    }

    .result-failure-page-detail {
      background-color: plv(secondary-2);
      display: flex;
      flex-direction: column;
      align-items: stretch;
      min-width: 500px;

      & > div {
        margin: 0.5em 0;

        & > * + * {
          margin-left: 0.5em;
        }

        & > .#{componentName(icon)} {
          color: plv(text-4);
        }

        @include comp(icon) {
          vertical-align: -0.15em;
        }
      }
    }
  }
}
